<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body{
				margin: 0;
				background-image: linear-gradient(to right,skyblue,#fff);
			}
			.menu{
				width: 230px;
				height: 420px;
				padding: 20px 0px;
				background-color: rgba(0,0,0,0.5);
				margin: 50px 0px 0px 50px;
			}
			.menu .item{
				height: 42px;
				border: 1px solid red;
				color: #fff;
				font-size: 14px;
				line-height: 42px;
				padding-left: 30px;
				cursor: pointer;
				background: url(img/1_03.png) no-repeat 200px 10px;
			}
		</style>
	</head>
	<body>
		<div class="menu">
			<div class="item">手机</div>
			<div class="item">电视</div>
			<div class="item">笔记本 平板</div>
			<div class="item">家电</div>
			<div class="item">出行 穿戴</div>
			<div class="item">智能 路由器</div>
			<div class="item">电源 配置</div>
			<div class="item">健康 儿童</div>
			<div class="item">耳机 音箱</div>
			<div class="item">生活 箱包</div>
		</div>
	</body>
</html>
